<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>component</title>
	<script src="../js/react.js"></script>
    <script src="../js/react-dom.js"></script>
    <script src="../js/browser.min.js"></script>
    <style>
		.my-h1{
			font-family: 'microsoft yahei';
			font-size: 20px;
		}
    </style>
</head>
<body>
	<h1>Component<h1>
	<div id="example"></div>
	<script type="text/babel">
		var HelloMessage = React.createClass({
			render: function() {
				return <h1 className="my-h1">Hello {this.props.name}!!!</h1>
			}
		});

		ReactDOM.render(
			<HelloMessage name="Bisu, Destroy Flash" />,
			document.querySelector("#example")
			
		);
	</script>
</body>
</html>